import { lazy } from 'react'
// import { lazyLoad } from '../createRouter'
import type { IRouteObject } from '../createRouter'

const User = lazy(() => import(/* webpackChunkName: "system" */ '@/views/system/User/User'))
const Role = lazy(() => import(/* webpackChunkName: "system" */ '@/views/system/Role/Role'))
const Menu = lazy(() => import(/* webpackChunkName: "system" */ '@/views/system/Menu/Menu'))
const Dict = lazy(() => import(/* webpackChunkName: "system" */ '@/views/system/Dict/Dict'))

const system: IRouteObject[] = [
	{
		path: '/system/user',
		element: <User />
	},
	{
		path: '/system/role',
		element: <Role />
	},
	{
		path: '/system/menu',
		element: <Menu />
	},
	{
		path: '/system/dict',
		element: <Dict />
	}
]

export default system
